<?php

/**
 * Flickr Photosets - Styles
 * Custom styles used in the app.
 * 
 * @author Brad Dougherty <bdougherty@gmail.com>
 * @version 8.5.23
 * @license http://www.gnu.org/licenses/gpl.html GNU General Public License 3.0
 */

//header('Content-type: text/css');
function compress($buffer) {
	$buffer = preg_replace('!/\*[^*]*\*+([^/][^*]*\*+)*/!', '', $buffer); // remove comments
	$buffer = str_replace(array(': ', '; ', '} ', ' {', ' { ', '{ ', "\r\n", "\r", "\n", "\t", '  ', '    ', '    '), array(':', ';', '}', '{', '{', '{'), $buffer); // tabs, spaces, newlines
	return $buffer;
}
ob_start('compress');
?>

<style type="text/css">

/* site-wide styles */
p, .indent, .big_indent { line-height: 16px; }
.big { font-size: 1.1em; }
.message { font-size: 12px; border: 1px solid #e2c822; background-color: #fff9d7; padding: 7px; }
.error { border: 1px solid #DD3C10; background-color: #FFEBE8; }
.info_message, code { border: 1px solid #d8dfea; margin: 15px 10px; padding: 10px; background-color: #edeff4; line-height: 16px; }
.anchor { color: #3B5998; cursor: pointer; }
.anchor:hover { text-decoration: underline; }
code { display: block; }
h2.underline { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #d8dfea; margin: 0; padding: 0 0 2px; }


/* generic layout styles */
.clearfix { clear: both; display: block; }
.hide { display: none; }
.left { float: left; }
.right { float: right; }
.indent { margin-left: 20px; margin-right: 20px; }
.big_indent { margin: 29px 29px 0 58px; }
.big_indent.bottom_margin { margin-bottom: 29px; }
.section { margin-bottom: 20px; line-height: 16px; }


/* faq */
.faq { margin-left: 15px; margin-top: 10px; margin-bottom: 20px; line-height: 16px; }
.faq .question { padding-bottom: 5px; }
.faq .answer { border: 1px solid rgb(216, 223, 234); margin: 3px 10px 10px 0; padding: 7px 10px; background-color: rgb(250, 250, 250); }


/* input buttons */
.inputbutton { padding: 2px 15px 3px 15px; border-style: solid; border-top-width: 1px; border-left-width: 1px; border-bottom-width: 1px; border-right-width: 1px; border-top-color: rgb(217, 223, 234); border-left-color: rgb(217, 223, 234); border-bottom-color: rgb(14, 31, 91); border-right-color: rgb(14, 31, 91); background-color: rgb(59, 89, 152); color: white; font-size: 11px; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; text-align: center; }
.inputaux { background: rgb(240, 240, 240); color: black; border-top-color: rgb(231, 231, 231); border-right-color: rgb(102, 102, 102); border-bottom-color: rgb(102, 102, 102); border-left-color: rgb(231, 231, 231); }


/* tag cloud styles */
.tag_cloud { margin: 25px 45px 20px; padding: 0; }
.tag_cloud a:hover { color: white; background-color: #3B5998; text-decoration: none; }
.tag_cloud li { display: inline; margin-right: 4px; margin-top: 10px; }
.tag_cloud span { display: none; }
.tag_cloud .not_popular { font-size: 1em; }
.tag_cloud .not_very_popular { font-size: 1.3em; }
.tag_cloud .somewhat_popular { font-size: 1.6em; }
.tag_cloud .popular { font-size: 1.9em; }
.tag_cloud .very_popular { font-size: 2.2em; }
.tag_cloud .ultra_popular { font-size: 2.5em; }


/* profile pics list */
.profile_pics { margin: 30px 45px 20px; padding: 0; }
.profile_pics li { display: inline; margin-right: 9px; }
.profile_pics li img { background-color: white; border: solid 1px #ccc; padding: 3px; margin-bottom: 9px; }
.profile_pics li img:hover { border: solid 1px #3B5998; }


/* new header */
#fp_header { margin-bottom: 5px; height: 47px; position: relative; border-bottom: 1px solid #d3dae8; }
#fp_header img { margin-bottom: -1px; float: left; width: 48px; height: 48px; background: url(http://www.flickr.com/images/buddyicon.jpg); }
#fp_header h2 { margin-left: 54px; padding: 2px; font-size: 14px; }
#fp_header h2 img { width: 16px; height: 16px; margin-right: 4px; margin-top: 1px; }
#fp_header .links { position: absolute; top: 3px; right: 0; }
#fp_header .headertabs {  }
#fp_header .headertabs .tabwrapper { margin: 0 0 -1px; padding: 0 6px 0 0; float: left; font-weight: bold; overflow: hidden; }
#fp_header .headertabs .thetabs { float: left; margin-left: 6px; overflow: hidden; }
#fp_header .headertabs .thetabs a { background-color: #d8dfea; border-color: #fff #fff #3b5998; border-style: solid solid none; border-width: 1px 1px medium; display: block; float: left; font-size: 11px; font-weight: bold; height: 14px; margin: 3px 0 -1px; padding: 5px 9px 3px; position: relative; color: #3b5998; text-decoration: none; outline-style: none; }
#fp_header .headertabs .thetabs a:hover { background-color: #3b5998; color: #fff; text-decoration: none; }
#fp_header .headertabs .thetabs a.selected, .hometabs a.selected:hover { background-color: #fff; border-color: #d8dfea #d8dfea #fff; border-style: solid; border-width: 1px; color: #000; font-size: 13px; font-weight: bold; height: 16px; margin-left: 1px; margin-right: 1px; margin-top: 2px; padding-left: 9px; padding-right: 9px; }


/* configuration */
.boxes { clear: both; margin-top: 29px; }
.boxes .left_column { width: 480px; float: left; }
.boxes .right_column { width: 260px; margin-left: 20px; float: left; }
.box { border-color: #d8dfea; border-style: solid; border-width: 0 1px 1px; margin-bottom: 20px; padding-bottom: 0; position: relative; }
.box h3 { margin: 0; position: relative; border-top: 1px solid #94a3c4; font-size: 13px; padding: 3px 17px; background-color: #eceff5; color: #333; }
.box h4 { border-bottom: 1px solid #eceff5; padding: 3px 17px; color: #444; font-weight: normal; margin: 0; }
.box .inside { margin: 0 17px; padding: 14px 0 15px; overflow: hidden; position: relative; }
.box .inside p { margin-top: 0; }

form label { display: block; color: black; font-weight: normal; margin-bottom: 3px; }
form .buttons { margin-top: 14px; }
form .buttons input.button { background-color: #3b5998; border-color: #d8dfea #0e1f5b #0e1f5b #d8dfea; border-style: solid; border-width: 1px; color: #fff; font-size: 11px; margin: 0 2px; padding: 2px 18px; }
form .cancel_link { padding: 0 0 0 2px; }
form .cancel_link a { margin: 0 0 0 5px; }


/* photo header and footer */
#summary_bar { color: #aaa; border-bottom: 1px solid #d8dfea; padding: 11px 20px 0; clear: both; }
#summary_bar .summary { color: rgb(51,51,51); float: left; padding-top: 3px; padding-bottom: 4px; }
#photo_header { padding: 8px 8px 0; }
#photo_header h2 { font-size: 14px; padding: 0 0 6px; }
#photo_header .summary { float: left; font-weight: normal; padding: 3px 0 4px; border-bottom: none; }
#photo_footer_bar { margin-bottom: 20px; padding: 1px 0 0; border: 0; }


/* photo album styles */
div.grid_header { overflow: hidden; padding: 6px; }
div.grid_header h3 { color: #333; font-size: 13px; }
.photo_grid { background-color: #f7f7f7; border: 1px solid #bbb; padding: 5px; }
.photo_grid table { /*border-spacing: 5px;*/ }
.photo_grid table td { padding: 0; text-align: center; height: 124px; width: 150px; }
.photo_grid table a img { background-color: white; border: 1px solid #ccc; padding: 4px; max-width: 130px; max-height: 130px; margin: 2px 0; vertical-align: middle; }
.photo_grid table a:hover img { border: 1px solid #3B5998; }
.photo_grid table .thumb { position: relative; }
.photo_grid table .thumb .video_icon { position: absolute; bottom: 3px; left: 8px; cursor: pointer; border: 0; background-color: transparent; width: 20px; height: 14px; }

.set_grid { background-color: #f7f7f7; border: 1px solid #bbb; padding: 10px 10px 0; }
.set_grid .set { background-color: white; border: solid 1px #ccc; margin: 0 0 10px; padding: 9px; position: relative; }
.set_grid .set .image { width: 180px; float: left; padding-right: 10px; }
.set_grid .set .info { float: left; width: 380px; padding-right: 20px; line-height: 16px; }
.set_grid .set .info .count { color: gray; margin: 1px 0 0; padding: 0; }
.set_grid .set .info .links { margin: 0; padding: 0; }
.set_grid .set .share_and_hide { position: absolute; right: 10px; bottom: 10px; font-size: 11px; }


/* photo styles */
#photo_border { padding: 10px 0; background-color: #f7f7f7; border-bottom: solid 1px #bbb; border-top: 1px solid #bbb; text-align: center; position: relative; }
#photo_border .video { margin: 10px; }
#photo_border #photo { margin: 0 auto 10px; }
#photo_border #photo a { padding: 0; margin: 0; }
#photo_border #photo img { padding: 0; margin: 0; border: solid 1px #ddd; background: white; }
#photo_map { position: absolute; top: 0px; left: 0px; height: 500px; background-color: #f7f7f7; background-repeat: no-repeat; background-position: 50% 33%; z-index: 60; }


/* slideshow */
#show { background-color: black; margin-top: -5px; }
#show a { color: #ccc; }
#show #disclaimer { color: white; }
#show #header { padding: 20px 30px 17px; }
#show #header h2 { color: white; }


/* tags */
#name_frame { top: 0px; left: 0px; text-align: center; position: absolute; z-index: 50; }
#name_frame span,
#name_frame a { background-color: #282828; padding: 3px 5px 4px 5px; white-space: nowrap; color: #fff; font-weight: bold; display: block; }
#tag_frame { position: absolute; top: 10px; left: 10px; height: 154px; width: 154px; border: solid 7px #D8DFEA; z-index: 50; }
#tag_frame_inside { display: block; position: absolute; cursor: crosshair; top: 0px; left: 0px; width: 150px; height: 150px; border: solid 2px #3B5998; }


/* tagging stuff */
#tag_selector { position: absolute; padding: 5px; border: 1px solid #3b5998; border-bottom: 3px solid #3b5998; background-color: white; z-index: 50; }
#tag_message { margin: 5px 10px; display: none; }
#tag_message p { float: left; margin: 0; padding: 2px 0 0; font-size: 13px; }
#tag_message input { float: right; margin: 0; }


/* info directly under the photo */
#photo_caption { clear: both; margin: 0; padding: 0; text-align: left; }
#photo_caption #photo_meta { float: left; width: 400px; margin: 0; padding: 0 11px 0; list-style-type: none; }
#photo_caption #photo_meta li { margin-bottom: 1em; }
#photo_caption #photo_meta li#photo_date { color: #777; margin-bottom: 0; }
#photo_caption #photo_context { float: right; width: 195px; padding-left: 10px; margin-right: 10px; border-left: solid 1px #ccc; }
#photo_caption #photo_context #main_context {  }
#photo_caption #photo_context #other_contexts { margin-top: 1em; }
#photo_caption #photo_context #other_contexts ul { margin: 0; padding: 0; list-style-type: none; }


/* photo footer styles */
#photo_footer { margin-bottom: 15px; }
#photo_footer #side { float: right; width: 198px; margin: 0 10px; }
#photo_footer #side .share_and_hide { margin: 10px 0; text-align: right; float: right; font-size: 11px; }
#photo_footer #side #photo_actions a,
#photo_footer #side #photo_actions span { padding: 2px 3px; border-bottom: solid 1px #d8dfea; display: block; clear: both; }
#photo_footer #side #photo_actions a:hover,
#photo_footer #side #photo_actions span:hover { text-decoration: none; background: #3b5998; color: white; }
#photo_footer #photo_info { margin: 1em 10px 4px; padding: 0; width: 400px; list-style-type: none; }
#photo_footer #photo_info li { margin-bottom: 1em; }
	#favorite_people { margin-top: 1em; }
	#favorite_people ul { margin: 0 10px 0; padding: 0; list-style-type: none; }
	#favorite_people ul li { padding: 10px; margin-bottom: 10px; border: 1px solid #d8dfea; background-color: #fafafa;  }
	#favorite_people ul li img { margin-right: 10px; float: left; }
	#favorite_people ul li .user {  }
	#favorite_people ul li .other_favorites { text-align: right; margin-top: 1em; }			
#photo_footer #photo_comments { float: left; width: 400px; }
#photo_footer #photo_comments .facebook,
#photo_footer #photo_comments .flickr { margin-left: 10px; margin-bottom: 16px; padding-top: 6px; }


/* disclaimer styles */
#disclaimer { padding: 10px; line-height: 16px; }
#disclaimer.with_border { background-color: #f8f8f8; border: 1px solid #bbb; }
#disclaimer p { padding: 0; margin: 0; }

</style>
<?php ob_end_flush();?>